import React, { useState } from "react";
import { Search as VantSearch } from "react-vant";
import styles from "../Friendsseek/dsseek.module.scss";
import { Space } from "react-vant";
import { ArrowLeft } from "@react-vant/icons";
import { useNavigate } from "react-router";
export default function Friendsseek() {
  const [value, setValue] = useState("");
  const navigate = useNavigate();
  return (
    <div>
      <div>
        <div className={styles.header}>
          <div>
            <Space className="demo-icon" gap={20}>
              {/* //放回 */}
              <ArrowLeft
                onClick={() => {
                  navigate(-1);
                }}
              />
            </Space>
          </div>
          <VantSearch
            shape="round"
            background="#fff"
            value={value}
            onChange={setValue}
            placeholder="请输入搜索关键词"
          />
          <div>搜索</div>
        </div>
      </div>
    </div>
  );
}
